<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    
    <title>Password Recovery</title>
    
	<link rel="StyleSheet" type="text/css" href="<%=request.getContextPath()%>/pages/css/common.css"></link>
	
	<script type="text/javascript">
		function validate() {
			var address = document.getElementById('txtEmail').value;
			if(address!=''){
	 			var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
			   	if(reg.test(address) == false) {
			 		document.getElementById('errorDiv').innerHTML="Invalid Email Address";
			 		return false;
			    }
			    return true;
		    }else{
		    	return false;
		    }
		}
		
		function clear(){
			document.getElementById('errorDiv').innerHTML="";
		}
		
	</script>
		<style>
<!--
.tbl{
	margin:10px;
  	border-spacing: 0px;
   	
}
.tbl tbody td{
  	padding:5px;
  	padding-left: 20px;
 }
 .tbl tbody tr:first-child td{
 	padding-top: 10px;
 }
 .tbl tbody tr:last-child td{
 	padding-bottom: 10px;
 }
.tbl thead tr{
	text-align: center;
	height:40px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: normal;
}
.tbl thead tr td{
	padding-left: 15px;
	padding-right: 15px;
}

-->
</style>
  </head>
  
  <body style="background-image: none;">
  	<%@ include file="common/taglibs.jsp" %>
    <div  align="center">
  		<table  style="width: 780px;height: 300px;" align="center" class="tbl">
	   		<thead style="background-image: url('images/sliced/20.jpg') ;background-repeat: no-repeat;">
				<tr>						
					<td colspan="3" style="color: #EE2C2C;font-size: 14pt;text-align: left;width: 780px;height: 50px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;PASSWORD RECOVERY</td>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td align="center">
						<s:form action="passwordrecovery" theme="simple" id="frm" onsubmit="return validate();">
							<table>
								<tr>
									<td>Email</td>
									<td>
										<input type="text" id="txtEmail" name="txtEmail" size="80" style="width: 300px;" onfocus="clear();" onblur="validate();" >
										<div id="errorDiv" style="color: red;font-size: 11px;"></div>
									</td>
									<td>
										<input type="submit" value="Send" id="btnSend">
									</td>
								</tr>
							</table>
						</s:form>
					</td>
				</tr>
			</tbody>
   		</table>
  	</div>
   
  </body>
</html>
